import Vue from 'vue'
import store from '@/store'
Vue.directive('imgerror', {
  // inserted： 当指令所在元素插入到真实dom中自动执行一次
//   el:指令所在的dom元素
// bindings:指定信息对象
// bindings.value：获取指令绑定表达式的值（在这里就是默认头像）
  inserted(el, bindings) {
    // 监听el的error错误信息
    el.addEventListener('error', () => {
      el.src = bindings.value
    })
    // console.log(el, bindings)
  }
})

// 自定义权限点指令
Vue.directive('permission', {
  inserted(el, binding) {
    // 判断binding.value在不在userInfo下的points数组中
    //
    const { points } = store.state.user.userInfo.roles
    // 判断binding.value在不在points数组中
    const flag = points.includes(binding.value)

    if (!flag) {
      // 如果不在数组中
      // 从dom树上移除
      el.remove()
    }
  }
})
